<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Array</title>
</head>
<body>
<script>
let arr1 = [1,2,3,4];
let arr2 = [1,2,3,4];
let arr3 = [3,1,6,4,5,2];
let arr4 = [3,1,6,4,5,2];
let arr5 = ["a","b","c"];
let arr6 = [[1,2],[3,4]];
const forof = ['red', 'green', 'blue'];
let arr1s = arr1.length;
console.log("--------------数组方法----------------")
console.log("arr1的length: " + arr1s);
console.log("向尾部添加:" + arr1.push(3));
console.log(...arr1.concat(arr2));
console.log(...arr1)
let pop = arr1.pop();
console.log("pop()删除数组最后一个元素:" + pop);
console.log(...arr1)
let slice = arr1.slice(1,3);
console.log("slice()数组截取:" + slice);
let re = arr1.reverse();
console.log("reverse()数组反转排序:" + re);
let ts = arr1.toString();
console.log("toString()转换数组为字符串:" + ts);
console.log(isNaN(ts));
let sort = arr3.sort();
console.log("数组排序sort():" + sort);
let shift = arr3.shift();
console.log("删除数组第一个元素shift():" + shift);
let splice = arr4.splice(0,3,"f","a","k");
console.log("splice()向指定位置添加元素splice():" + splice)
console.log(...arr4)
let join = arr4.join(".");
console.log("将数组转为字符串并连接起来join():" + join)
let flat = arr6.flat();
console.log("扁平化数组 flat():" + flat);
console.log("--------------数组遍历方式----------------")
console.log("for 循环")
for (let index = 0; index < arr4.length; index++) {
	const element = arr4[index];
	console.log(element)
}
//遍历数组的每一项
console.log("for in 遍历")
for(arr4s in arr4){
   console.log(arr4[arr4s]);
}
console.log("for of 遍历")
for (const forors of forof) {
	 console.log(forors);
}
/*  创建一个元素添加到页面上
let aObj = document.createElement("a");
aObj.innerHTML = "这是a标签";
aObj.setAttribute("href","http://www.baidu.com");
document.body.appendChild(aObj);

数组方法:
slice(start,end) 数组截取 需要开始和结束两个值
push() 向数组尾部添加元素
pop() 删除数组最后一个元素
shift() 删除数组第一个元素
unshift() 向数组首部添加元素
reverse() 将数组反转排序
toString() 转换数组为字符串
splice(start,end,"元素","元素")  向数组指定位置添加元素 需要开始和结束两个值 后面跟上添加的元素
join() 会把数组里面的元素转为字符串并已,形式连接起来,方法内可传入指定分隔符,例如"."
es6:
flat() 扁平化数组,将多维数组变为一维数组

数组遍历
for
for in 遍历数组或对象 只能获得对象的键名，不能直接获取键值    区别:arr[i]
for of 遍历所有数据结构的统一的方法  for...of循环，允许遍历获得键值    区别:arr

添加条目:
    push()
    unshift()
移除条目:
    pop()
    shift()
遍历:
    forEach()
    some() 检查数组中是否有一些元素能通过指定的函数测试
    every() 检查数组中所有的元素是否都能通过指定函数的测试
组合:
    contact()
筛选:
    filter()
重新排序:
    sort()
    reverse(0
修改:
    map()为数组中的每一个条目都调用一个函数,并且将返回的结果组合为一个新数组

*/


</script>
</body>
</html>
